<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>爱觅优-网页特效</title>
<link href="css/common.css" rel="stylesheet" type="text/css" />
<link href="css/slider.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 9]><script src="js/html5.js"></script><![endif]-->
<script src="js/jquery-1.7.2.min.js" charset="utf-8"></script>
<script src="js/common.js" charset="utf-8"></script>
<script type='text/javascript' src='js/slider.js'></script>
</head>

<body>
	<div class="chl-poster simple" id="header">
		<div id="site-nav">
            <ul class="site-nav-login">
            <li class="home"><a href="#">请登录</a></li>
            <li class="home"><a href="#">免费注册</a></li>
            </ul>
            <ul class="quick-menu">
                  <li class="myxiaba menu-item">
                      <div class="menu">
                          <a class="menu-hd" href="#" target=_top rel="nofollow">会员中心<b></b></a> 
                          <div class="menu-bd">
                              <div class="menu-bd-panel">
                                  <div>
                                      <a href="#" rel="nofollow">我的消息</a>
                                      <a href="#"  rel="nofollow">我的评论</a> 
                                      <a href="#"  rel="nofollow">我的收藏</a> 
                                  </div>
                              </div>
                              
                          </div>
                      </div>
                  </li>
                  <li class="favorite"><a href="#" rel="nofollow">帮助中心</a></li>
                  
                  <li class="services menu-item last">
                      <div class="menu">
                          <a class=menu-hd href="#" target=_top>网站导航<b></b></a> 
                          <div class="menu-bd" style="width: 1098px; height: 250px; _width: 202px">
                              <div class="menu-bd-panel">
                                  <dl>
                                    <dt><a href="#" style="color: #000;">网页特效</a>
                                    <dd>
                                            <a href="#">焦点图</a> 
                                            <a href="#">图片代码</a> 
                                            <a href="#">幻灯片代码</a>
                                            <a href="#">按钮特效</a>
                                            <a href="#">数字时间</a> 
                                            <a href="#">表单特效</a>
                                            <a href="#">状态栏代码</a>
                                            <a href="#">窗口特效</a>
                                            <a href="#">鼠标特效</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">网页模板</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
								<dl>
                                    <dt><a href="#" style="color: #000;">网页元素</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#" style="color: #000;">成品网站</a>
                                    <dd>
                                            <a href="#">企业宣传</a> 
                                            <a href="#">婚纱摄影</a> 
                                            <a href="#">政府机构</a>
                                            <a href="#">电子商务</a>
                                            <a href="#">行业门户</a> 
                                            <a href="#">房地产类</a>
                                            <a href="#">响应式开发</a>
                                            <a href="#">HTML5</a>
                                    </dd>
                                </dl>
                              </div>
                            
                          </div>
                      </div>
                  </li>
                </ul>	
		</div>
	</div>
<div id="J_Wrap" class="wrap">
	<div class="logo-inside">
	<div class="logo">
    	<a href="index.html" class="logo-bd"></a>
    </div>
    <div class="header-search-box">
            <form method="get" target="_self" action="#">
                <div id="J_sort" class="header-search-sort">
                    <a href="javascript:;" class="on" target="_self" title="全部" data-type="" hidefocus="true" onclick="return false;">全部</a>
                    <a href="javascript:;" target="_self" title="特效" data-type="0" hidefocus="true" onclick="return false;">特效</a>
                    <a href="javascript:;" target="_self" title="模板" data-type="1" hidefocus="true" onclick="return false;">模板</a>
                    <a href="javascript:;" target="_self" title="元素" data-type="2" hidefocus="true" onclick="return false;">元素</a>
                    <a href="javascript:;" target="_self" title="文章" data-type="3" hidefocus="true" onclick="return false;">文章</a>
                    <a href="javascript:;" target="_self" title="教程" data-type="4" hidefocus="true" onclick="return false;">教程</a>
                    <a href="javascript:;" target="_self" title="问答" data-type="5" hidefocus="true" onclick="return false;">问答</a>
                </div>
                <div class="relative header-search clearfix">
                    <input type="text" autocomplete="off" name="q" maxlength="50" class="relative header-search-text J-search-txt">
                    <input type="submit" value="搜 索" class="fl header-search-submit">
                    
                    
                <input type="hidden" value="" name="sort">
                <input type="hidden" name="from" value="1">
                </div>
            </form>
            <div class="header-search-keywords">热门搜索：
                            <a hidefocus="true" title="开学" href="http://soso.nipic.com/?q=开学">开学</a>
                            <a hidefocus="true" title="月饼" href="http://soso.nipic.com/?q=月饼">月饼</a>
                            <a hidefocus="true" title="暑假" href="http://soso.nipic.com/?q=暑假">暑假</a>
                            <a hidefocus="true" title="礼盒" href="http://soso.nipic.com/?q=礼盒">礼盒</a>
                            <a hidefocus="true" title="中秋" href="http://soso.nipic.com/?q=中秋">中秋</a>

            </div>
        </div>
	</div>
    
    <div class="nav">
    	<ul>
        <li><a href="index.html" class="main_a">网站首页</a></li>
        <li><a href="specia.html" class="main_a">网页特效</a></li>
        <li><a href="templates.html" class="main_a">网页模板</a></li>
        <li><a href="element.html" class="main_a">网页元素</a></li>
        <li><a href="supermarket.html" class="main_a current">自助超市</a></li>
        </ul>
    	<div class="sub_nav">
        	<a href="#" class="sub_a" >设计师导航</a>
            <a href="#" class="sub_a" >前端神器</a>
            <a href="#" class="sub_a" >图书推荐</a>
            <a href="#" class="sub_a" >下载排行</a>
        </div>
    </div>
    
    <!--网页特效-->
    <div class="header-content home">
            <div class="parallax-bg" id="slider-wrap">
            <div class="slider parallax-bg" id="slider"> <div class="slider-sections sandbox"> 
            <section class="first"> 
            <img alt="Kendo UI" src="images/home-banner-1.png"/> 
            <div class="text"> <h2>SmartSite Ver 2.2<br />
            智能网站管理系统 </h2> 
            <p class="copy">采用前后台完全分离技术，通过标签（支持标签循环嵌套、判断标签、自定义标签、文件循环嵌套等）加模板技术.全站生成纯静态页。</p> 
            <p class="button"><a href="#" onclick="_gaq.push(['_trackPageview', '#']);">立即下载</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', '#']);" href="#">查看详细</a></p> 
            </div> 
            </section>
            <section> 
            <img src="images/dataviz-home-image-q2.png" alt="Kendo UI" /> 
            <div class="text" style="padding-top: 10px;"> 
            <h2>智能网站管理系统 </h2> 
            <p class="copy">采用前后台完全分离技术，通过标签（支持标签循环嵌套、判断标签、自定义标签、文件循环嵌套等）加模板技术.全站生成纯静态页。</p> 
           <p class="button"><a href="#" onclick="_gaq.push(['_trackPageview', '#']);">立即下载</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', '#']);" href="#">查看详细</a></p>
            </div> 
            </section>
            <section> 
            <img src="images/home_banner_web-q2.png" alt="Kendo UI" /> 
            <div class="text"> <h2>智能移动网站管理系统</h2> <p class="copy">基于jquery.Mobile、HTML5技术框架，前后台完全分离，采用标签加模板技术，全站生成纯静态页。</p> 
            <p class="button"><a href="#" onclick="_gaq.push(['_trackPageview', '#']);">立即下载</a> <a class="dimmed" onclick="_gaq.push(['_trackPageview', '#']);" href="#">查看详细</a></p>
            </div> 
            </section>
            </div> 
            </div> 
            <a class="slider-prev" href="javascript: void(0)">?</a> <a class="slider-next" href="javascript: void(0)">?</a>
            </div>
        </div>
    <!---->
    <div class="main-4">
      <div class="submenu">
           <div class="all"><span>全部分类：</span>
           <a href="#">公司企业</a><a href="#">医疗保健</a><a href="#">电子商务</a><a href="#">体育竞技</a><a href="#">社会教育</a><a href="#">婚纱摄影</a><a href="#">个性简实</a><a href="#">艺术时尚</a><a href="#">旅游交通</a>
           </div>
           <div class="all"><span>全部分类：</span>
           <a href="#">婚纱摄影</a><a href="#">电子商务</a><a href="#">医疗保健</a><a href="#">社会教育</a><a href="#">旅游交通</a>
           </div>  
      </div>
	</div>
    <!---->
    <div class="main-2">
      <div class="inbox-a">
        <h1 class="main-title"><strong class="title">最近项目</strong><span>
        <p class="ui-page-s">
<b class="ui-page-s-len">1/100</b>
<b class="ui-page-s-prev" title="上一页">&lt;</b>
<a href="#" class="ui-page-s-next"  title="下一页">&gt;</a>
</p>
        </h1>
        <div class="list-box" id="list-box">
    		<div class="element web">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
             <div class="element web">
              <div class="recommend"><a href="#"><img src="upload/10.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
            <div class="element web" style="margin-right: 0px;">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div> 
    		<div class="element web">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
             <div class="element web">
              <div class="recommend"><a href="#"><img src="upload/10.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div>
            <div class="element web" style="margin-right: 0px;">
              <div class="recommend"><a href="#"><img src="upload/11.jpg" /></a>
              <h5><a href="#" class="names">潘茜爱在心</a></h5>
              </div>
            </div> 
              <div class="ui-page">
              <div class="ui-page-wrap">   
               <b class="ui-page-num">
               <b class="ui-page-prev">&lt;&lt;上一页</b>
               <b class="ui-page-cur">1</b>
                   <a href="#" atpanel="2,,,,,20,footer,">2</a>
                   <a href="#" atpanel="2,,,,,20,footer,">3</a>
                   <b class="ui-page-break">...</b>
                   <a class="ui-page-next" href="#" >下一页&gt;&gt;</a>
               </b>
               <b class="ui-page-skip">
              <form name="filterPageForm" method="get">
              <input type="hidden" name="type" value="pc">
              <input type="hidden" name="search_condition" value="71">
              <input type="hidden" name="totalPage" value="100">
              <input type="hidden" name="cat" value="50100128">
              <input type="hidden" name="sort" value="s"><input type="hidden" name="style" value="g">   <input type="hidden" name="from" value="sn_1_cat"><input type="hidden" name="active" value="1">    共100页，到第<input type="text" name="jumpto" class="ui-page-skipTo" size="3" value="1">页
              <button type="submit" class="ui-btn-s" atpanel="2,pageton,,,,20,footer,">确定</button>
              </form>
              </b>
              </div>
              </div> 
          </div>
          
          
      </div>
      <div class="inbox-b">
        <h1 class="submenu"><strong class="title">站长推荐</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/18.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
        <h1 class="submenu"><strong class="title">站长推荐</strong><span></h1>
        <div class="list-box sideBar-b" id="list-box">
    			<a href="#" class="pic">
                <img src="upload/18.jpg"/>
                </a>
                <p class="title"><a href="#" class="">有道搜索特效</a></p>
                <ul class="text-list">
                  <li><a href="#">javascript显示年月日时间代码</a></li>
                  <li><a href="#">仿邮箱密码色条随输入长度变化</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
                  <li><a href="#">CSS简单重叠线效果</a></li>
                  <li><a href="#">仿Windows垂直调整代码</a></li>
                  <li><a href="#">CSS布局：自适应高度的CSS布局</a></li>
              </ul>
          </div>
      </div>
	</div>
    <!---->
    <!---->
    <div class="footer">
    	<div class="foot">
        	<p class="foot-menu">
            <i class="about">关于</i>
            <i class="help">帮助</i>
            <i class="collect">收藏</i>
            <i class="attention">关注</i>
            </p>
            <ul class="about">
            <li><a href="#">关于我们</a></li>
            <li><a href="#">联系我们</a></li>
            <li><a href="#">广告服务</a></li>
            <li><a href="#">版权声明</a></li>
            </ul>           
            <ul class="help">
            <li><a href="#">常见问题</a></li>
            <li><a href="#">充值相关</a></li>
            <li><a href="#">友情链接</a></li>
            <li><a href="#">在线留言</a></li>
            </ul>
            <div class="branding">
            </div>
            <ul class="collect">
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">设为首页</a></li>
            <li><a href="#">放到桌面</a></li>
            </ul>
            <ul class="attention">
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">qq空间</a></li>
            <li><a href="#">腾讯微博</a></li>
            </ul>
    	</div>
        <div class="friendlink">
        友情链接：<a href="#">懒人图库</a>|<a href="#">懒人图库</a>|<a href="#">破落落</a>
        </div>
        <div class="copyright">
        © 2013 Aliyun.com 版权所有 ICP证：浙B2-20080101
        
        </div>
    </div>
</div> 

</body>
</html>
